<link rel="stylesheet" href="./css/detial-con.css">

<div class="static">
    <div class="static2 wrapper">
        <div class="title-box">
            <div class="title">
                <span>益司泰家居专营店</span>
            </div>

            <img src="./images/detial_dianpu.png" alt="" class="detail_dianpu">
        </div>

        <div class="ncs-goods-tabbar sta_con">
            <ul>
                <li class="current">商品详情</li>
                <li>售后保障</li>
                <li>商品评价<span>0</span></li>
                <li>购买咨询</li>
            </ul>
        </div>
    </div>
</div>

<div class="detialCon wrapper">
    <!-- 放大镜最顶部 -->
    <div class="detial-title">
        <img src="./images/detialTitle.png" alt="">
    </div>

    <!-- 放大镜那一部分区域 -->
    <div class="detail-middle">
        <!-- 放大镜 -->
        <div id="box">
            <div id="middleImg">
                <img src="" />
                <div id="middleArea"></div>
            </div>

            <div id="small">
                <ul>
                    <!-- <li>
                        <img src="./images/img/1_1.jpg" />
                    </li>
                    <li>
                        <img src="./images/img/2_1.jpg" />
                    </li>
                    <li>
                        <img src="./images/img/3_1.jpg" />
                    </li>
                    <li>
                        <img src="./images/img/4_1.jpg" />
                    </li> -->
                    <li>
                        <img src="" />
                    </li>
                    <li>
                        <img src="" />
                    </li>
                    <li>
                        <img src="" />
                    </li>
                    <li>
                        <img src="" />
                    </li>
                </ul>
            </div>

            <div id="bigArea">
                <!-- <img id="bigImg" src="./images/img/1_3.jpg" /> -->
                <img id="bigImg" src="" />
            </div>

            <div class="deitalDown">
                <img src="./images/detialDown.png">
            </div>
        </div>

        <!-- 商品基本信息 -->
        <div class="ncs-goods-summary model-retail">
            <div class="ncs-goods-name">
                <!-- <h1>益司泰多功能折叠塑料挂衣架衣服撑子晾衣架颜色随机</h1>
                <strong>一件抵八件，轻松收纳，节省晾衣空间</strong> -->
                <h1>益司泰多功能折叠塑料挂衣架衣服撑子晾衣架颜色随机</h1>
                <strong>一件抵八件，轻松收纳，节省晾衣空间</strong>
            </div>

            <div class="ncs-meta pr">
                <!-- S 商品价格 -->
                <dl class="goods-price" id="goodsPriceHtml">
                    <dt>价格</dt>
                    <dd>
                        <span class="goods-price-real"><strong id="rmPrice" class="number number-thin">
                                <span class="yuan">￥</span><span class="integer">39.90</span>
                                <!-- <span class="pointer">.</span><span class="decimal">90</span> -->
                            </strong>

                            <sub class="original-price" id="basePrice">
                                <span class="yuan">￥</span><span class="integer">39</span><span
                                    class="pointer"></span><span class="decimal"></span>
                            </sub>
                        </span>
                    </dd>
                </dl>
            </div>

            <!-- 间隙 -->
            <div class="goods-gift" id="goodsGiftHtml"> </div>

            <!-- 物流信息 -->
            <div class="ncs-logistics" style="z-index: 4;">
                <dl id="ncs-freight" class="ncs-freight">
                    <dt>物流</dt>
                    <dd class="ncs-freight_box">
                        <div class="fl m-r-5">配送至</div>
                        <div id="ncsFreightSelector" class="ncs-freight-select">
                            <div class="text">
                                <div id="areaInfoText">湖南省长沙市岳麓区</div>
                                <b>∨</b>
                            </div>
                        </div>
                        <div id="ncs-freight-prompt"><strong>有货</strong><span>免运费</span></div>
                    </dd>
                </dl>
            </div>

            <!-- 服务 -->
            <div class="ncs-service">
                <dl>
                    <dt>服务</dt>
                    <dd>
                        非自营&nbsp;由&nbsp;&nbsp;
                        <a target="_blank" href="javascript:void(0)">
                            <span class="service-name">益司泰家居专营店&nbsp;&nbsp;</span>
                        </a>
                        发货，并提供售后服务。
                    </dd>
                </dl>
            </div>

            <!-- 购买数量及库存 -->
            <div class="ncs-key" id="nc-spec-panel">
                <!-- S 商品规格值-->
                <!-- 无规格模式 -->
                <!--没有规格-->

                <!-- S 购买数量及库存 -->
                <div id="modalNullPanel">
                    <div class="ncs-retail-modal">

                        <dl>
                            <dt class="ncs-number">数量</dt>
                            <dd>
                                <div id="rmNumValuePanel" class="amount" style="display: block; "><span
                                        href="javascript:;" id="mnBuyNumCutBtn" class="minus crisis" title="减少"><i
                                            class="fa fa-minus" aria-hidden="true">-</i></span>
                                    <input type="text" name="" id="mnBuyNumInput" value="1" size="3" maxlength="6"
                                        class="input-text" data-goods-storage="997" data-goods-id="95072"
                                        data-batch-num0="1" data-batch-num1="0" data-batch-num2="0"
                                        data-web-price0="39.9" data-web-price1="0" data-web-price2="36.9"
                                        data-limit-amount="0" data-goods-web-usable="0" autocomplete="off">
                                    <span href="javascript:;" id="mnBuyNumAddBtn" class="plus" title="增加"><i
                                            class="fa fa-plus" aria-hidden="true">+</i></span><span class="m-l-5">
                                        <!--by[szq] 修改商品单位显示 -->

                                        <!--by[szq] 修改商品单位显示 -->
                                    </span></div>
                                <!-- S 库存提示-->
                                <div class="m-l-10 fl" id="storageHint">（库存<span nctype="goods_stock">997</span>
                                    <!--by[szq] 修改商品单位显示 -->
                                    <!--by[szq] 修改商品单位显示 -->）</div>
                                <!-- E 库存提示-->
                            </dd>
                        </dl>
                    </div>
                    <div class="ncs-buy">
                        <!-- S 购买按钮组-->
                        <div class="ncs-btn">
                            <!-- 立即购买--> <a href="javascript:void(0);" id="buyNowSubmitBtn" class="buynow"
                                title="立即购买">立即购买</a> <!-- 加入购物车--> <a href="javascript:void(0);" id="addCartBtn"
                                class="addcart" title="加入购物车"> <i class="fa fa-shopping-cart"></i>加入购物车 </a> </div>
                        <!-- S 购买按钮组-->
                    </div>
                </div>
            </div>

            <!-- 七天保障 -->
            <div class="ncs-cti m-t-10">
                <dl>
                    <dt>服务承诺</dt>
                    <dd>
                        <span>
                            <img src="./images/icon_store.png">
                            七天保障
                        </span>
                    </dd>
                </dl>
            </div>

            <!-- 门店提示 -->
            <div class="ncs-cti m-t-10">
                <dl>
                    <dt>温馨提示</dt>
                    <dd>
                        <p style="color:#999">国家药监局提示您：如您购买化妆品类商品，请正确认识化妆品功效，化妆品不能替代药品，不能治疗皮肤病等疾病</p>
                    </dd>
                </dl>
            </div>
        </div>

        <!-- 橱窗推荐 -->
        <div class="ncs-r-mod" id="showCasePanel" data-common-id="113915" data-store-id="62">
            <div class="ncs-r-mod-tit">
                <h4>橱窗推荐</h4>
                <a href="javascript:;" id="showCaseRefreshBtn"><i class="icon fa fa-refresh"></i>换一批</a>
            </div>
            <div class="ncs-r-mod-con">
                <ul class="ncs-recom-goods" id="showCaseGoodsList">
                    <li title="苏泊尔玻璃杯KC38CK1-楠木金"><a href="javascript:void(0)">
                            <div class="ncs-recom-goods-thumb">
                                <div class="jqthumb" style="width: 120px; height: 120px; opacity: 1;">
                                    <div
                                        style="width: 100%; height: 100%; background-image: url(&quot;https://pic2.cnrmall.com/image/61/21/612138a2cae445de516453050ee195ac.jpg?x-oss-process=image/resize,w_160,h_160&quot;); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;">
                                    </div>
                                </div><img src="./images/chuchuang1.jpg" alt="苏泊尔玻璃杯KC38CK1-楠木金" style="display: none;">
                            </div>
                            <div class="goods-price"><em><span class="yuan">￥</span><span
                                        class="integer">129</span><span class="pointer">.</span><span
                                        class="decimal">90</span></em></div>
                        </a></li>
                    <li title="荣事达小而精挂烫机GT80C"><a href="javascript:void(0)">
                            <div class="ncs-recom-goods-thumb">
                                <div class="jqthumb" style="width: 120px; height: 120px; opacity: 1;">
                                    <div
                                        style="width: 100%; height: 100%; background-image: url(&quot;https://pic2.cnrmall.com/image/c4/ab/c4ab816db10a8c7fa6e913a8f28ccfec.jpg?x-oss-process=image/resize,w_160,h_160&quot;); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;">
                                    </div>
                                </div><img src="./images/chuchuang2.jpg" alt="荣事达小而精挂烫机GT80C" style="display: none;">
                            </div>
                            <div class="goods-price"><em><span class="yuan">￥</span><span
                                        class="integer">109</span><span class="pointer">.</span><span
                                        class="decimal">00</span></em></div>
                        </a></li>
                    <li title="荣事达时尚大屏养生壶YSH1558"><a href="javascript:void(0)">
                            <div class="ncs-recom-goods-thumb">
                                <div class="jqthumb" style="width: 120px; height: 120px; opacity: 1;">
                                    <div
                                        style="width: 100%; height: 100%; background-image: url(&quot;https://pic2.cnrmall.com/image/61/21/612138a2cae445de516453050ee195ac.jpg?x-oss-process=image/resize,w_160,h_160&quot;); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;">
                                    </div>
                                </div><img src="./images/chuchuang3.jpg" alt="荣事达时尚大屏养生壶YSH1558" style="display: none;">
                            </div>
                            <div class="goods-price"><em><span class="yuan">￥</span><span
                                        class="integer">189</span><span class="pointer">.</span><span
                                        class="decimal">00</span></em></div>
                        </a></li>
                </ul>
            </div>
        </div>

        <div class="clear"></div>
    </div>

    <!-- 放大镜下面 -->
    <div class="ncs-goods-layout expanded">
        <div class="ncs-promotion" id="nc-bundling" style="" data-common-id="113915"></div>
        <!-- 左边 -->
        <div class="ncs-sidebar">
            <img src="./images/rexiao1.png" alt="">
            <img src="./images/rexiao2.png" alt="">
        </div>

        <!-- 中间的tab栏切换 -->
        <div class="ncs-goods-main">
            <div class="ncs-goods-tabbar">
                <ul>
                    <li class="current">商品详情</li>
                    <li>售后保障</li>
                    <li>商品评价<span>0</span></li>
                    <li>购买咨询</li>
                </ul>
            </div>

            <!-- 空隙 -->
            <div class="ncs-goods-sort"></div>

            <div class="ncs-goods-content">
                <ol>
                    <li class="target">
                        <img src="./images/detail_con1.jpg" alt="">
                        <img src="./images/detail_con2.jpg" alt="">
                        <img src="./images/detail_con3.jpg" alt="">
                        <img src="./images/detail_con4.jpg" alt="">
                        <img src="./images/detail_con5.jpg" alt="">
                        <img src="./images/detail_con6.jpg" alt="">
                        <img src="./images/detail_con7.jpg" alt="">
                        <img src="./images/detail_con8.jpg" alt="">
                        <img src="./images/detail_con9.jpg" alt="">
                        <img src="./images/detail_con10.jpg" alt="">
                        <img src="./images/detail_con11.jpg" alt="">
                        <img src="./images/detail_con12.jpg" alt="">
                        <img src="./images/detail_con13.png" alt="">
                        <img src="./images/detail_con14.png" alt="">
                    </li>
                    <li><img src="./images/detail_con15.png" alt=""></li>
                    <li><img src="./images/detail_con16.png" alt=""></li>
                    <li><img src="./images/detail_con17.png" alt=""></li>
                </ol>
            </div>
        </div>

        <!-- 底部轮播图 -->
        <div class="nc-goods-borowse">
            <div class="nc-goods-browse-box">
                <div class="of">
                    <div class="title cur" nctype="browseLikeTabItem" data-tab-type="goodsBrowse">
                        <h3>我的足迹</h3>
                    </div>
                </div>

                <img src="./images/detail_lb1.png" alt="">
            </div>
        </div>
    </div>
</div>

<div class="footer1">
    <div class="fot wrapper">
        <img src="./images/footer1.png" alt="">
    </div>
</div>

<div class="footer2">
    <div class="fot2 wrapper">
        <img src="./images/footer2.png" alt="">
    </div>
</div>

<!-- 设置层级 -->
<div class="cengji">

</div>
<!-- 购物车弹框 -->
<div class="cartBox">
    <div class="cartMessage">
        <span>提示信息</span>
        <span>X</span>
    </div>

    <div class="success">
        <p>成功添加到购物车</p>
        <p>购物车共有1种商品</p>
        <p>
            <span><a href="./shopCarts.html">查看购物车</a></span>
            <span>继续购物</span>
        </p>
    </div>
</div>